<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }
        #box {
            margin-top:20px;
            text-align: center;
        }
        a {
            text-decoration: none;
            color: black;
            font-size: 30px;
        }
        a:hover {
            position: relative;
            color: cornflowerblue;
        }


        #box .part {
            position: fixed;
            height: 255px;
            /*border: 1px solid blue;*/
            left: 755px;
            top: 30px;
            opacity: 0;;
        }
        #box .part p {
            width: 200px;
            line-height:50px;
            background: lightgrey;

            margin-top:50px ;
            /*border: 2px solid red;*/
        }
        #box .part a {
            display: block;
        }
        #box .part:hover {
           opacity: 1;
        }
    </style>
</head>
<body>
  <div id="box">
      <a href="#">设置</a>

      <div class="part">
          <p>
              <a href="#">搜索设置</a>
              <a href="#">高级搜索 </a>
              <a href="#">关闭预览 </a>
              <a href="#">隐私设置</a>
          </p>
      </div>
  </div>
</body>
</html>